.container {
  .header {
    height: 15rem;
    background-color: #ffffff;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    .headerLeft {
      flex: 5;
      height: 100%;
      .headerLeftMenu {
        width: 100%;
        &:nth-child(1) {
          border-left: 2px solid #ef8b85;
        }
        &:nth-child(2) {
          border-left: 2px solid #e8c46f;
        }
        &:nth-child(3) {
          border-left: 2px solid #86de6c;
        }
        &.headerLeftMenu {
          border-top: 1px solid #d3d3d3;
        }
        .headerLeftMenuItem {
          display: flex;
          height: 100%;
          align-items: center;
        }
        .headerLeftMenuItemFirst {
          justify-content: center;
        }
      }
    }
    .headerRight {
      flex: 3;
      border-left: 1px solid #d3d3d3;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      .headerRightIconWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .headerRightIcon {
          height: 6rem;
          width: 6rem;
          border-radius: 50%;
          border: 2px solid #f6620f;
          margin-bottom: 0.5rem;
          display: flex;
          justify-content: center;
          align-items: center;
          .dataIcon {
            width: 90%;
          }
        }
      }
    }
  }
  .secondDiv {
    background-color: #ffffff;
    height: 5rem;
    .secondDivMenuItem {
      display: flex;
      justify-content: center;
      align-items: center;
      .secondDivMenuIcon {
        margin-right: 0.5rem;
        width: 20px;
        height: 20px;
      }
    }
  }
  .menuItem {
    .menuItemImg {
      width: 20px;
      height: 20px;
    }
  }
}
